<template>
  <div class="describe">
    <Inform />
    <Slideshow />
    <h2 class="title">2020第三届中国调味大师名人堂评选</h2>
    <view class="container-box">
      <img
        class="img1"
        src="https://d.yipingxuan.com/users/202010071811195f7d94477d532.jpg?imageView2/2/w/800/h/3000/interlace/1/q/90"
        alt=""
      />
      <img
        class="img2"
        src="https://d.yipingxuan.com/users/202010071807005f7d9344925a7.jpg?imageView2/2/w/800/h/3000/interlace/1/q/90"
        alt=""
      />
      <img
        class="img3"
        src="https://d.yipingxuan.com/users/202010071805275f7d92e710f45.jpg?imageView2/2/w/800/h/3000/interlace/1/q/90"
        alt=""
      />
    </view>
  </div>
</template>

<script setup lang="ts">
import Inform from "../components/Inform/Inform.vue";
import { onLoad, onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
import Slideshow from "../components/Slideshow/Slideshow.vue";
onShareAppMessage((res) => {
  if (res.from === "button") {
    // 来自页面内转发按钮
    console.log(res.target);
  }
  return {
    title: "投票",
    path: "/pages/detail/detail",
  };
});
</script>

<style lang="scss" scoped>
.describe {
  background: #211c25;
}
.container-box {
  background-color: #332f38;
  border: 6rpx solid #fdcb77;
  border-radius: 10rpx;
  padding: 20rpx;
  width: 85%;
  margin: 20rpx auto;
}
.title {
  color: #fdcb77;
  text-align: center;
  font-size: 40rpx;
  font-weight: bold;
  margin: 20rpx 0;
}
.img1 {
  height: 550px;
  border-radius: 10px;
}
.img2 {
  height: 170px;
  border-radius: 10px;
  margin: 10px 0;
}
.img3 {
  height: 800px;
  border-radius: 10px;
}
</style>